<template>
  <div>
    <!-- 双向数据绑定 v-model 作用在input标签上，使得用户能够改变js变量 -->
    <ElButton>展示： {{ a }}</ElButton>
    <!-- <input type="number" v-model="a" /> -->
    <ElInput type="number" v-model="a"></ElInput>
    <!-- <ElSelect v-model="state">
      <ElOption label="待提交" value="toSubmit" :key="0"></ElOption>
      <ElOption label="已提交" value="submitted" :key="1"></ElOption>
      <ElOption label="已审核" value="auditted" :key="2"></ElOption>
    </ElSelect> -->
    <ElSelect v-model="state">
      <ElOption v-for="(e, i) in commonStates" :key="i" :label="e.text" :value="e.value"></ElOption>
    </ElSelect>
    <!-- :xxx="true"   xxx -->
    <ElSelect v-model="statesQc" multiple>
      <ElOption v-for="(e, i) in commonStates" :key="i" :label="e.text" :value="e.value"></ElOption>
    </ElSelect>
    <ElDatePicker v-model="birthday" type="datetime">
    </ElDatePicker>
  </div>
</template>
<script lang="ts">
/**
 * 页面核心数据结构体说明文档
 *
 *
 */
// import from

export default {
  name: 'RoundFifth',
  props: {
    sampleP: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {
      sampleD: 'value',
      a: 10,
      state: 'toSubmit',
      commonStates: [
        { value: 'toSubmit', text: '待提交' },
        { value: 'toAudit', text: '待审核' },
        { value: 'passed', text: '审核通过' }
      ],
      statesQc: ['toAudit', 'passed'],
      birthday: '2022-03-05T00:00:00'
    }
  },
  computed: {
    /* sampleC() {
      return this.sampleD + "--";
    }, */
  },
  created() {},
  mounted() {},
  methods: {
    // sampleM() {},
  },
  watch: {
    // sampleP(n, o) {},
  }
}
</script>

<!--<style scoped>-->
<style lang="scss" scoped></style>
